<%@ page contentType="text/html;charset=UTF-8"%>
<%@ page isELIgnored="false" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Examples for Sea.js</title>
<script charset="utf-8" id="seajsnode" type="text/javascript" src="${ctx}/style/sea-modules/seajs/seajs/2.2.1/sea.js"></script> 
<link rel="stylesheet" href="${ctx}/style/sea-modules/arale/dialog/1.3.0/dialog.css" />
<script>
  seajs.config({
    alias: {
      '$': '${ctx}/style/sea-modules/jquery/jquery/2.1.0/jquery',
	  'dialog':'${ctx}/style/sea-modules/arale/dialog/1.3.0/dialog',
	  'confirmbox':'${ctx}/style/sea-modules/arale/dialog/1.3.0/confirmbox'
    }
  });

 
  seajs.use(['confirmbox'], function(ConfirmBox) {
	    var cb = new ConfirmBox({
	        trigger: '#trigger2',
	        title: '我真是标题啊',
	        message: '我是内容 我是内容',
	        confirmTpl: '<button>确定</button>',
	        cancelTpl: '<button>取消</button>'
	    });
	});

  seajs.use(['dialog'], function(Dialog) {
	  
	  var html = ''
	  
	  
	    var example = new Dialog({
	        trigger: '#example1',
	        effect: 'fade',
	        content: '<div style="padding: 50px">渐变！FadeIn！</div>'
	    });
	});
</script>
</head>
<body>

<div><button id="example1">点击我！</button></div>
<div><input type="button" id="trigger2" value="自定义按钮对话框" /></div>

</body>
</html>
